<template>
    <div>
     		<!--底部-->
		<div id="obottom">
			<div class="shangbiao">
				<img src="./img/tu1.png" />
				<h3>国内商标</h3>
				<p>国内商标商标注册，免费商标查询</p>
			</div>
			<div class="shangbiao">
				<img src="./img/tu2.png" />
				<h3>国内商标</h3>
				<p>国内商标商标注册，免费商标查询</p>
			</div>
			<div class="shangbiao">
				<img src="./img/tu3.png" />
				<h3>国内商标</h3>
				<p>国内商标商标注册，免费商标查询</p>
			</div>
			<div class="shangbiao">
				<img src="./img/tu4.png" />
				<h3>国内商标</h3>
				<p>国内商标商标注册，免费商标查询</p>
			</div>
		</div>

    </div>
</template>

<style scoped>
			#obottom {
				width: 1000px;
				height: 300px;
				/*background-color: burlywood;*/
				margin: 0 auto;
				margin-top: 30px;
			}
			
			.shangbiao {
				float: left;
				width: 250px;
				height: 270px;
				/*background-color: yellowgreen;*/
				text-align: center;
				padding-top: 30px;
			}
			
			h3 {
				line-height: 50px;
			}
			
			p {
				font-size: 12px;
				font-family: "微软雅黑";
			}
</style>